<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>y登录页</title>
  <link rel="stylesheet" href="./font/iconfont.css">
  <link rel="stylesheet" href="./bootstrap/bootstrap.min.css">
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <!-- 头部 -->
  <div class="top">
    <span class="iconfont icon-xiangzuojiantou"></span>
    <p>会员登录</p>
  </div>
  <!-- 主体 -->
  <div class="box">
    <!-- 手机号登录 -->
    <div class="log">
      <p>手机号登录</p>
      <span>未注册的手机号登录后将自动注册</span>
    </div>

    <!-- 请输入手机号 -->
    <form>
      <input type="text" placeholder="请输入手机号" name="phone">
      <br>
      <i></i>
      <!-- 请输入图形验证码 -->
      <div class="xiaotu">
        <input type="text" placeholder="请输入图形验证码" name="verification">
        <div class="active"><img src="" alt=""></div>
      </div>
      <i></i>
      <!-- 请输入验证码 -->
      <div class="code">
        <input type="text" placeholder="请输入短信验证码" name="code">
        <a href="javascript:;">获取验证码</a>

      </div>
      <i></i>
  </div>
  <!-- 登录 -->
  <a href="javascript:;" class="log_on">登录</a>
  </form>

  <div class="popUp">提示消息</div>
  <script src="./bootstrap/bootstrap.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>
  <script src="./js/form-serialize.js"></script>
  <script src="./js/index.js"></script>
  <script>
    // 点击屏幕左上角箭头跳转到个人中心页面
    document.querySelector('.icon-xiangzuojiantou').addEventListener('click', function () {
      location.href = '../个人中心/个人中心.html'
    })
  </script>
</body>

</html>